<template>
  <div id='tmpl'>
        <div class="title">
          <h4 v-text="info.title"></h4>
          <p>{{info.add_time | datafmt("YYYY-MM-DD HH:mm:ss")}}</p>
        </div>
        <div id="content" v-html="info.content"></div>

        <comment v-bind:id="id"></comment>
  </div>
</template>
<script>
import comment from '../subcom/comment.vue'
export default {
  components:{
    comment
  },
  data(){
    return {
        id:0,
        info:{
          // "id": 13,
          // "title": "1季度多家房企利润跌幅超50% 去库存促销战打响",
          // "click": 1,
          // "add_time": "2015-04-16T03:50:28.000Z",
          // "content": "我是内容"
        }
        
    };
  },
  created(){
    this.id = this.$route.params.id;
    this.getinfo()
  },
  methods:{
    getinfo(){
      var url = this.$commons.apidomain+"/api/getnew/"+this.id;
      this.$http.get(url).then(function(res){
        var data = res.body;
        if(data.status != 0){
          this.$commons.Toast(data.message);
          return
        }
        this.info = data.message[0];
      })
    }
  }
 
}
</script>
<style scoped>
  .title h4{
		color: #0094ff;
	}
	.title p{
		color:rgba(0,0,0,0.5);
	}

	.title,#content{
		padding: 5px;
	}
</style>